<template>
  <div class="item-box" @click="onClick(item)">
      <div class="item-img">
          <img :src="item.picUrl" alt="">
      </div>
      <div class="item-container">
          <div class="bs">
            <span><b>{{item.shopName}}</b></span>
          </div>
          <div class="price">
              <van-icon name="star" color="#FFCE4C" />
              <van-icon name="star" color="#FFCE4C" />
              <van-icon name="star" color="#FFCE4C" />
              <van-icon name="star" color="#FFCE4C" />
              <van-icon name="star" color="#FFCE4C" />
                {{item.wmPoiScore}} {{item.monthSalesTip}} {{item.deliveryTimeTip}}|{{item.distance}}
              <div>
                  {{item.minPriceTip}}|{{item.shippingFeeTip}}|{{item.averagePriceTip}}
              </div>
          </div>
      </div>
  </div>
</template>

<script>
export default {
props:{
    item:{
        type:Object
    }
},
methods:{
    onClick(item){
        this.$emit('goodsClick',item)
    }
}
}
</script>

<style scoped>
.item-box{
    width: 100%;
    display: flex;
    padding: 5px;
}
.item-img{
    width: 100px;
}
.item-img img{
    width: 100%;
}
.price{
    margin-top: 10px;
}
::-webkit-scrollbar{display: none;}
</style>